﻿

* { margin: 0px; padding: 0px; }
				.navibody{
			height: 88px;
			border-bottom: 2px solid #d9dddc;
			position: fixed;
			top: 0px; 
			z-index: 999;
			background-color: #ffffff;
		    width: 100%;
		}
		.burger,.mobserach,.menu,.navbar{
			display: none;
		}
		a{
			text-decoration: none;
			color: inherit;
		}
		.navimod ul li{
			list-style: none;
			float: left;
			margin-left: 30px;
			font-size: 18px;
			letter-spacing: 1.5px;
			line-height: 65px;
			margin-top: 5px;
		}
		.fl{
			float: left;
		}
		.navimob{
			display: none;
		}
		.navimod ul li img{
			width: 15px;
			margin-left: 10px;
		}
		.navimodright ul li{
			float: left;
			list-style: none;
			margin-right: 2%;
			font-size: 18px;
			letter-spacing: 1.5px;
			line-height: 65px;
			margin-top: 5px;
		}
		.navimodright ul li img{
			width: 15px;
			margin-right: 10px;
		}
		.logobody{
			float: left;
			width: 46%;
			height: 100%;
		}
		.logobody img{
			padding-top: 21.5px;
		}
		.productionpanal{
			height: 63.56%;
			/* background-color: #D9DDDC; */
			float: left;
			width: 100%;
			position: fixed;
			top: 79px;
			z-index: 999;
		}
		.produclist{
			/* height: 100%; */
			width: 26.01%;
			background-color: #ffffff;
			float: left;
			z-index: 11;
		}
		.produclist ul {
			margin: 0px;
			padding: 0px;
		}
		.dynamicpanal{
			height: 63.56%;
			/* background-color: #D9DDDC; */
			float: left;
			width: 100%;
			position: fixed;
			top: 79px;
			left: 6.5%;
			z-index: 999;
		}
		.dynamiclist{
			/* height: 100%; */
			width: 9.01%;
			background-color: #ffffff;
			float: left;
			z-index: 11;
		}
		.dynamiclist ul {
			margin: 0px;
			padding: 0px;
		}
		.dynamiclist ul li{
			list-style: none;
			height: 55px;
			border-bottom: #D9DDDC 1px solid;
			line-height: 55px;
			padding-right: 15px;
			padding-left: 50px;
			/* float: left; */
		}
				.black{
			position: fixed;
			top: 88px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: #000000;
			z-index: 10;
			opacity: 0.6;
		}
		.languagepanal{
			height: 63.56%;
			/* background-color: #D9DDDC; */
			float: left;
			width: 100%;
			position: fixed;
			top: 79px;
			left: 79%;
			z-index: 999;
		}
		.languagelist{
			/* height: 100%; */
			width: 9.01%;
			background-color: #ffffff;
			float: left;
			z-index: 11;
		}
		.languagelist ul {
			margin: 0px;
			padding: 0px;
		}
		.languagelist ul li{
			list-style: none;
			height: 55px;
			border-bottom: #D9DDDC 1px solid;
			line-height: 55px;
			padding-right: 15px;
			padding-left: 50px;
			/* float: left; */
		}
		.seriespanal{
			height: 63.56%;
			/* background-color: #D9DDDC; */
			float: left;
			width: 100%;
			position: fixed;
			top: 79px;
			left: 11.5%;
			z-index: 999;
		}
		.serieslist{
			/* height: 100%; */
			width: 9.01%;
			background-color: #ffffff;
			float: left;
			z-index: 11;
		}
		.serieslist ul {
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		.serieslist ul li{
			list-style: none;
			height: 55px;
			border-bottom: #D9DDDC 1px solid;
			line-height: 55px;
/* 			padding-right: 15px;
			padding-left: 50px;*/
		}
		.ourpanal{
			height: 63.56%;
			/* background-color: #D9DDDC; */
			float: left;
			width: 100%;
			position: fixed;
			top: 79px;
			left: 21%;
			z-index: 999;
		}
		.ourlist{
			/* height: 100%; */
			width: 26.01%;
			background-color: #ffffff;
			float: left;
			z-index: 11;
		}
		.ourlist ul {
			margin: 0px;
			padding: 0px;
		}
		.ourlist ul li{
			list-style: none;
			height: 91px;
			border-bottom: #D9DDDC 1px solid;
			line-height: 91px;
			padding-right: 15px;
			padding-left: 50px;
			/* float: left; */
		}
		.produclist ul li{
			list-style: none;
			height: 91px;
			border-bottom: #D9DDDC 1px solid;
			line-height: 91px;
			padding-right: 15px;
			padding-left: 50px;
			/* float: left; */
		}
		.produclist ul li:hover{
			background-image: linear-gradient(45deg, #e4e4e4, #ffffff);
		}
		.hoverstyle{
			background-image: linear-gradient(45deg, #e4e4e4, #ffffff);
		}
		.produclist ul li img{
			float: right;
		}
		.icon{
			width: 15px;
			margin-top: 38px;
		}
		.naviproimg{
			margin-top: 0px;
			width: 37%;
		}
		.second{
			float: left;
			width: 360PX;
		}
		.second ul{
			margin: 0;
			padding: 0;
		}
		.second li{
			list-style: none;
			/* height: 70px; */
			/* line-height: 50px; */
			padding-right: 15px;
			/* background-image: linear-gradient(45deg, #c1c1c1, #f4f4f4); */
		}
		.second li:hover{
			background-image: linear-gradient(45deg, #e4e4e4, #ffffff);
		}
		.second span{
			padding-left: 15px;
			line-height: 70px;
		}
		.producli{
			line-height: 0px;
			height: 0px;
		}
		.producnaviground{
			float: left;
			height: 100%;
			width: 107%;
			position: absolute;
			left: -2%;
			z-index: -1;
		}
		.productnavibody{
			
		}
		.second{
			position: absolute;
			left: 26.01%;
			z-index: 5;
			background: #FFFFFF;
			opacity: 0.6;
			background-color: #FFFFFF;
			height: 80%;
		}
		.iconchild{
			width: 15px;
			margin-top: 25px;
			/* margin-left: 200px; */
			float: right;
		}
		.marin{
			position: absolute;
			top: 16%;
			left: 45.20%;
			z-index: 36;
			width: 45%;
		}
				.bannercont .item{
			width: 100%;
			height: 100%;
			font-size: initial;
			display: inline-block;
			/* border: 1px solid #000000; */
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.item img{
			    width: 100%;
		}
		.contorbutton{
			width: 100%;
			height: 100%;
			/* background-image: url(../images/bgbanner.png); */
		}
		
		.navidatabody{
			position: absolute;
			bottom: 5%;
			left: 38%;
			z-index: 36;
			width: 100%;
		}
		.premod{
			float: left;
			margin-left: 8.5%;
		}
		.predata{
			color: #ea5529;
			font-size: 24px;
			margin-bottom: 14px;
		}
		.prename{
			font-size: 14px;
		}
		.productnavibutton p {
			margin-top: 4%;
		}
		.automod img{
			width: 62%;
			margin-left: -17%;
		}
		.automod button{
			border: 0px;
			background-color: #ea5529;
			color: #FFFFFF;
			border-radius: 15px;
		}
		.premod p{
			margin-top: 0px;
		}
		.automod{
			position: absolute;
			top: 68%;
			left: 75%;
			z-index: 36;
		}
		.productnavibutton{
			position: absolute;
			top: 68%;
			left: 89%;
			z-index: 36;
		}
		
		.productnavibutton button{
			border-radius: 15px;
			padding: 6px 20px;
		}
		.productnavibutton img{
			width: 20px;
			vertical-align: top;
			margin-left: 8px;
		}
		.serachbutton{
			border: 0px;
			background-color: #ea5529;
			color: #FFFFFF !important;
		}
		.comparebutton{
			border: 1px solid #000000;
			color: #000000;
			background-color: #FFFFFF;
		}
		.childli{
			margin-left: 6%;
		}
		#mobfoot{
			display: none;
		}
		.bottom{
					position: relative;
					bottom: 0px;
					height: 120px;
					/* background-color: #000000; */
					width: 100%;
					z-index: 1;
				}
				.bottomtop{
					border-bottom: 0.0625rem solid #3f3f3f;
					height: 3vw;
				}
				.bottomtopleft{
					margin-left: 1.28%;
				}
				.bottomtopleft div{
					float: left;
					color: #000000;
					font-size: 1.125rem;
					font-weight: bold;
					margin: 1% 0.75%;
				}
				.bottomtopright div{
					float: right;
					margin: 1% 0%;
					line-height: 32px;
				}
				.bottomtopright div img{
					width: 50%;
				}
				.bottomtopright div span{
					font-size: 1.875rem;
					padding: 0% 0.75%;
				}
				.bottomdown{
					margin-top: 1%;
				}
				.bottomdown p{
					margin-left: 2%;
				}
				.bottomdown img{
					margin: 0% 2%;
				}
				
		@media (max-width:1680px) {
			.producnaviground{
				left: -4%;
			}
			.logobody{
				width: 42%;
			}
			.marin{
				top: 23%;
				left: 50.2%;
				width: 40%;
			}
			.navidatabody{
				bottom: 20%;
			}
			.productnavibutton{
				top: 55%;
			}
			.automod{
				top: 55%;
			} 
		}
		@media (max-width:1600px) {
			.producnaviground{
				left: -4%;
				width: 111%;
			}
			.logobody{
				width: 38%;
			}
			.marin{
				top: 25%;
				left: 50.2%;
				width: 40%;
			}
			.navidatabody{
				bottom: 18%;
			}
			.productnavibutton{
				top: 58%;
			}
			.automod{
				top: 58%;
			} 
		}
		@media (max-width:1440px) {
			.producnaviground{
				left: -6%;
				width: 124%;
			}
			.logobody{
				width: 32%;
			}
			
			.marin{
				top: 25%;
				left: 50.2%;
				width: 40%;
			}
			.navidatabody{
				bottom: 8%;
			}
			.productnavibutton{
				top: 67%;
			}
			.automod{
				top: 67%;
			} 
		}
		@media (max-width:1366px) {
			.producnaviground{
				left: -6%;
				width: 124%;
			}
			.marin{
				top: 25%;
				left: 50.2%;
				width: 40%;
			}
			.navidatabody{
				bottom: 0%;
			}
			.productnavibutton{
				top: 67%;
			}
			.automod{
				top: 67%;
			} 
		}
		@media (max-width:1024px) {
			.newstitle {
				top: 2.76%;
			}
            .navimodright {
				display: none;
			}
			.navimob{
				display: block;
				float: left;
			}
			.logobody {
				width: 32%;
			}
			.navimod{
				display: none;
			}
		}
		@media (max-width:767px) {
			.pc{display:none;}
			#mobfoot{
				display: block;
				position: fixed;	
				bottom: 0px;
				background-color: #ea5529;
				width: 100%;
			}
			#mobfoot li {
				float: left;
				list-style: none;
				width: 33%;
				text-align: center;
				/* background: #ea5529; */
				line-height: 40px;
				color: #ffffff;
			}
/* 			.mobfoot{
				float:l
			} */
			.navibar{
				display: block;
				float: left;
				margin-top: 18px;
			}
			.burger,.mobserach,.navbar{
				display: block;
			}
			.logobody {
				top: 20px;
				left: calc( 48% - 42px);
				width: 0%;
				position: absolute;
				z-index: 1;
			}
			.logobody img{
				padding-top: 0px;
			}
			.navimod{
				display: none;				
			}
			.mobserach{
				display: block;
				position: absolute;
				top: 24px;
				right: 20px;
			}
			.mobserach img{
				width: 28px;
			}
		}
		div.burger {
			height: 30px; 
			width: 40px;
			position: absolute;
			top: 21px; 
			left: 21px;
			cursor: pointer;	
		}
			div.x,
			div.y,
			div.z {
				position: absolute; margin: auto;
				top: 0px; bottom: 0px;		
				background: #ea5529;
				border-radius:2px;
				-webkit-transition: all 200ms ease-out;
				   -moz-transition: all 200ms ease-out;
				    -ms-transition: all 200ms ease-out;
				     -o-transition: all 200ms ease-out;
				        transition: all 200ms ease-out;
			}		
			div.x, div.y, div.z { height: 3px; width: 26px; }
			div.y{top: 18px;}
			div.z{top: 37px;}
			div.collapse{
				top: 20px;
				-webkit-transition: all 70ms ease-out;
				   -moz-transition: all 70ms ease-out;
				    -ms-transition: all 70ms ease-out;
				     -o-transition: all 70ms ease-out;
				        transition: all 70ms ease-out;
			}
			 
			
			div.rotate30{
				-ms-transform: rotate(30deg); 
		    	-webkit-transform: rotate(30deg); 
			    transform: rotate(30deg);	
				-webkit-transition: all 50ms ease-out;
				   -moz-transition: all 50ms ease-out;
				    -ms-transition: all 50ms ease-out;
				     -o-transition: all 50ms ease-out;
				        transition: all 50ms ease-out;					
			}
			div.rotate150{
				-ms-transform: rotate(150deg); 
		    	-webkit-transform: rotate(150deg); 
			    transform: rotate(150deg);	
				-webkit-transition: all 50ms ease-out;
				   -moz-transition: all 50ms ease-out;
				    -ms-transition: all 50ms ease-out;
				     -o-transition: all 50ms ease-out;
				        transition: all 50ms ease-out;					
			}
			
			div.rotate45{
				-ms-transform: rotate(45deg); 
		    	-webkit-transform: rotate(45deg); 
			    transform: rotate(45deg);	
				-webkit-transition: all 100ms ease-out;
				   -moz-transition: all 100ms ease-out;
				    -ms-transition: all 100ms ease-out;
				     -o-transition: all 100ms ease-out;
				        transition: all 100ms ease-out;					
			}
			div.rotate135{
				-ms-transform: rotate(135deg); 
		    	-webkit-transform: rotate(135deg); 
			    transform: rotate(135deg);	
				-webkit-transition: all 100ms ease-out;
				   -moz-transition: all 100ms ease-out;
				    -ms-transition: all 100ms ease-out;
				     -o-transition: all 100ms ease-out;
				        transition: all 100ms ease-out;					
			}
		
		div.navbar{height:88px;background:#FFFFFF;}
		
		div.menu-bg{	
			
			width: 375px;
			height: 568px; 
			position:absolute;	
		  top:0;
		  left:0;
			background:#FFFFFF;
			opacity:0;
			-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
		}
		div.menu-bg.animate{
			opacity:0.9;
			-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			   -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			    -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			     -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			        transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);					
			
		}
		div.menu {
			height: 568px; 
			width: 187.5px;
		}
		.menu-splitL, .menu-splitR{
			overflow:hidden;
			position: absolute;
			top: 90px;	
			left: 0px;
			width:187.5px;
		}
		.menu-splitR{left:187.5px;}
		
		div.menu ul li {
			list-style: none;
			width:375px;
			margin-top:40px;
			text-align:center;
			font-size:19px;
			-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			   -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			    -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			     -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			        transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		}
		div.menu ul li a {
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;	
			letter-spacing:3px;	
		}
		
		section > div {
		    transition: transform 1s;
		    transform: translateX(0px);
		}
		
		div.menu li.animate{
			font-size:19px;
			opacity:1;
			-webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			   -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			    -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			     -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			        transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		}
		
		.menu-splitL li:nth-of-type(1){	margin-left:45px;transition-delay: 0.12s;}
		.menu-splitL li.animate:nth-of-type(1){	margin-left:0;	transition-delay: 0.0s;	}
		
		.menu-splitL li:nth-of-type(2){	margin-left:45px;	transition-delay: 0.09s;}
		.menu-splitL li.animate:nth-of-type(2){	margin-left:0;	transition-delay: 0.05s;}
		
		.menu-splitL li:nth-of-type(3){	margin-left:72px;	transition-delay: 0.046s;}
		.menu-splitL li.animate:nth-of-type(3){	margin-left:0;	transition-delay: 0.1s;}
		
		.menu-splitL li:nth-of-type(4){	margin-left:61px;transition-delay: 0.03s;}
		.menu-splitL li.animate:nth-of-type(4){	margin-left:0;	transition-delay: 0.15s;}
		
		.menu-splitL li:nth-of-type(5){	margin-left:59px;	transition-delay: 0.0s;	}
		.menu-splitL li.animate:nth-of-type(5){	margin-left:0;	transition-delay: 0.2s;	}
		
		
		
		.menu-splitR li:nth-of-type(1){	margin-left:-230px;transition-delay: 0.12s;}
		.menu-splitR li.animate:nth-of-type(1){	margin-left:-187.5px;	transition-delay: 0.0s;	}
		
		.menu-splitR li:nth-of-type(2){	margin-left:-230px;	transition-delay: 0.069s;}
		.menu-splitR li.animate:nth-of-type(2){	margin-left:-187.5px;	transition-delay: 0.05s;}
		
		.menu-splitR li:nth-of-type(3){	margin-left:-256px;	transition-delay: 0.06s;}
		.menu-splitR li.animate:nth-of-type(3){	margin-left:-187.5px;	transition-delay: 0.1s;}
		
		.menu-splitR li:nth-of-type(4){	margin-left:-230px;transition-delay: 0.03s;}
		.menu-splitR li.animate:nth-of-type(4){	margin-left:-187.5px;	transition-delay: 0.15s;}
		
		.menu-splitR li:nth-of-type(5){	margin-left:-230px;	transition-delay: 0.0s;	}
		.menu-splitR li.animate:nth-of-type(5){	margin-left:-187.5px;	transition-delay: 0.2s;	}